@import "../styles/colors";

.productDetail {
  height: 100%;

  .productName {
    font-size: 16px;
    font-weight: bold;
  }

  .productCard {
    background: #fff;
  }

  .productCardItem {
    .productCardItemLeft {
      font-size: 14px;
      width: 46px;
      color: $sub-color;
    }

    .productCardItemContent {
      width: calc(100% - 40px - 15px);
      text-align: left;
    }

    .productCardItemRight {
      display: inline-flex;
      font-size: 14px;
      color: $sub-color;
      text-align: right;
    }
  }

  .productContent {
    height: calc(100% - 48px);
    overflow: auto;
  }

  .productFooter {
    background: #fff;
    height: 48px;
  }
}
